<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script type="text/javascript" src="../../static/js/jquery-3.4.1.min.js"></script>
	<script type="text/javascript" src="../../static/js/bootstrap.min.js"></script>
	<title>搭搭乐乐-首页</title>
	<link rel="stylesheet" type="text/css" href="../../static/css/bootstrap.min.css">
	<link rel="stylesheet" href="../../static/css/index.css">
</head>
<body>
	<div class="navbar navbar-default navbar-static-top navbar-fixed-top " role="navigation">
		<div class="container">
			<div class="navbar-header">
					<button class="navbar-toggle" data-toggle='collapse' data-target='#ddllmenu'>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				<a href="/" class="navbar-brand">
					<img src="../../static/img/logo.jpeg" width="40px" alt="搭搭乐乐logo">
				</a>
			</div>
			<div class="collapse navbar-collapse" id="ddllmenu">
			<ul class="nav navbar-nav" >
				<li><a href="/">首页</a></li>
				<li><a href="#">关于我们</a></li>
				<li><a href="#">课程介绍</a></li>
				<li><a href="#">联系我们</a></li>
			</ul>
			<form class="navbar-form navbar-right">
				<div class="form-group">
					<div class="input-group">
						<button class="btn btn-link"><a href="/dadalele/login/">登录</a></button>
					</div>
				</div>
			</form>
			<form class="navbar-form navbar-right">
				<div class="form-group">
					<div class="input-group">
						<input type="text" class="form-control">
						<span class="input-group-btn">
							<button class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
						</span>

					</div>
				</div>
			</form>

			</div>
			<!-- <button class="btn btn-default">登录</button> -->
		</div>
	</div>
	<div class="jumbotron">
		<div class="container">
			<div class="row">
				<div class="col-lg-5 col-lg-offset-1">
						<h1>搭搭乐乐</h1>
						<h3>搭搭乐乐介绍</h3>
						<p>这是一段搭搭乐乐介绍内容</p>
				</div>
			</div>

		</div>
	</div>
	<div class="container">
		<div class="row">
		  <div class="col-lg-6 col-md-4">
		    <div class="thumbnail">
		      <img src="img/logo.jpeg" alt="logo">
		      <div class="caption">
		        <h3>学生展示</h3>
		        <p>...</p>
		        <p><a href="#" class="btn btn-primary" role="button">查看</a> <a href="#" class="btn btn-default" role="button">修改</a></p>
		      </div>
		    </div>
		  </div>
		  <div class="row">
			  <div class="col-lg-6 col-md-4">
			    <div class="thumbnail">
			      <img src="img/logo.jpeg" alt="logo">
			      <div class="caption">
			        <h3>学生展示</h3>
			        <p>...</p>
			        <p><a href="#" class="btn btn-primary" role="button">查看</a> <a href="#" class="btn btn-default" role="button">修改</a></p>
			      </div>
			    </div>
			  </div>
  			</div>
	</div>
	<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
    60%
  </div>
</div>

</body>
</html>